<%--
  Created by IntelliJ IDEA.
  User: 李威
  Date: 2021/10/5
  Time: 13:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <title>支付成功</title>
    <link href="../css/order/third_step_getter_information.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/order/six_receipt_number.css" rel="stylesheet">
</head>
<body>
<div class="w1180">
    <!-------------------------------头部导航------------------------------->
    <div class="header">
        <img src="../images/logo.png">
        <div class="content">
            <a href="">400-888-6608</a>
        </div>
        <div class="help_center">
            <a href="">帮助中心</a>
            <span>|</span>
        </div>
        <div class="help_center">
            <a href="">我的小橘</a>
            <span>|</span>
        </div>
        <div class="user">
            <span>李威</span>
            <a href="">[退出]</a>
            <span class="user-span">|</span>
        </div>
    </div>
    <!--    提示信息-->
    <div class="tip">
        <div class="tip-info">
            当前位置：
            <a href="">我的小橘</a>  >
            <a href="">订单管理</a>  >
            支付结果
        </div>
    </div>
    <!--    侧边栏-->
    <div class="col-sub">
        <dl class="sub-nav">
            <dt>我的订单</dt>
            <dd><a href="">订单管理</a></dd>
            <dt>我的资产</dt>
            <dd><a href="">账户余额</a></dd>
            <dd><a href="">我的优惠券</a></dd>
            <dd><a href="">我的收藏</a></dd>
            <dt>个人中心</dt>
            <dd><a href="">用户信息</a></dd>
            <dd><a href="">申请注销账户</a></dd>
        </dl>
    </div>
    <div class="pay-info">
        <div class="top">
            <img src="../images/tick.png">
            <span>付款成功！</span>
        </div>
        <div class="middle">
            <div class="tip-info">
                您的回执编号为：
                <span>${flow.data.receiptNumber}</span>
            </div>
            <p>取车时请务必携带 <span>本人信用卡、本人二代有效身份证、本人有效地方驾驶证正副本及回执编号</span></p>
            <span class="look-up">点击确定按钮查看订单：</span>
            <a href="javascript:toOrderDetail()" class="commit">确定</a>
            <a href="javascript:toIndex()" class="return">返回首页</a>
        </div>
        <div class="bottom">
            <div class="step3-banner">
                <div class="barcode">
                    <div class="barcode-info">
                        <img src="../images/erweima.png" alt="../images/erweima.png">
                        <div class="border-right-empty">
                            <span></span>
                        </div>
                    </div>
                    <p>扫描二维码，下载APP<br>
                        第一时间查询你的订单
                    </p>
                </div>
                <!--            温馨提示-->
                <div class="step3-banner-helper">
                    <p>温馨提示</p>
                    <span>1.可能因地区政策及车牌原因影响交通限行，请及时查看全国各地区限行说明。</span>
                    <span>2.您在一嗨租车所涉及的正常消费，均可向一嗨工作人员索要消费凭证。</span>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-info">
        <!--底部页面-->
        <div class="footer">
            <div class="footer-box clear_float">
                <div class="footer-left">
                    <p><a href="" >关于小橘</a>
                        |<a href="" >移动客户端</a>
                        |<a href="" >帮助中心</a>
                        |<a href="" >建议专区</a>
                        |<a href="" >联系我们</a>
                        |<a href="" >友情链接</a>
                        | &nbsp;投诉通道：400-821-1608 &nbsp;
                    </p>
                    <p>
                        Copyright © 2007 - 2021 苏州小橘信息技术服务有限公司
                        <a href="" >ICP证：沪B2-20140130</a>
                    </p>
                </div>
                <div class="footer-right">
                    <a href="">
                        <img src="../images/footer_right_first.png" alt="../images/footer_right_first.png">
                    </a>
                    <a href="">
                        <img src="../images/footer_right_second.png" alt="../images/footer_right_second.png">
                    </a>
                    <a href="">
                        <img src="../images/footer_right_third.png" alt="../images/footer_right_third.png">
                    </a>
                    <a href="">
                        <img src="../images/footer_right_forth.png" alt="../images/footer_right_forth.png">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>



<script>
    function toOrderDetail(){
        window.location.href = '${pageContext.request.contextPath}/order_detail/${flow.data.myOrderId}';
    }

    function toIndex(){
        window.location.href = '${pageContext.request.contextPath}';
    }
</script>

</body>
</html>
